Ext.define("wmf.view.Viewport", {
    extend: "Ext.container.Viewport",
	layout: 'border',
	border : false,
	items: [{
		region: 'north',
		xtype: 'mainHeader'
	}, {
	    region: 'west',
	    collapsible: true,
	    title: '菜单',
	    xtype: 'mainWest',
	    split:true,
        minSize: 175,
        maxSize: 400,
        margins:'0 0 5 1',
        cmargins:'0 5 5 1',
        layout:'accordion',
        layoutConfig:{animate:true},
	    width: 200
	}, {
	    region: 'south',
	    height:28,
        border:false,
        bbar:[{
            pressed:false,
            iconCls:"contact",
            text:""
        },"-"]
	}, {
	    region: 'east',
	    title: 'East Panel',
	    collapsible: true,
	    split: true,
	    hidden: true,
	    width: '30%'
	}, {
	    region: 'center',
	    xtype: 'mainCenter'
	}]
});